<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>收藏列表</title>
    <link rel="stylesheet" href="/worklist/css/work-list.css"/>
    <style type="text/css">
        #demo {
            margin: auto;
            position: relative;
        }

        .box {
            float: left;
            padding: 10px;
            border: 1px solid #ccc;
            background: #f7f7f7;
            box-shadow: 0 0 8px #ccc;
        }

        .box:hover {
            box-shadow: 0 0 10px #999;
        }

        .box img {
            width: 200px;
        }

    </style>
    <script src="/js/jquery-1.7.2.min.js"></script>
    <script src="/js/jquery.waterfall.js"></script>
    <script src="/js/index.js"></script>
    <script>
        $(function () {
            $(".job-item").bind("click", function () {
                window.location.href = "/work/detail/" + $(this).attr("jobId")
            })
        })
    </script>
</head>
<body>
<div></div>
<div class="container job-list">
    <div class="job-item" th:each="work,workstat:${works}" th:attr="jobId=${work.jobId}">
        <div class="job job-top">
            <div class="a-line">
                <div class="left position"><span th:text="${work.jobName}"></span><span class="icon pos-icon"></span>
                </div>
                <div class="right salary">8-12K</div>
            </div>
            <div class="a-line">
                <div class="left position-info">海淀区 | 3-5年 | 本科</div>
                <div class="right time">2018-01-24</div>
            </div>
        </div>
        <div class="job job-bottom">
            <div class="left">
                <div class="logo"><img src="/worklist/images/logo.jpg" alt=""/></div>
                <div class="company-name" th:text="${work.companyName}"></div>
                <div class="company-info">天使轮 | 20-50人 | IT服务</div>
            </div>
            <div class="right">
                <div class="from">智联招聘</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>